<!-- ./idFieldRender.vue 文件 -->
<template>
    <view v-loading="loading">
          <div v-for="(item,index) in data" class="prolists">
               <view class="pro_img">
                  <el-image mode="cover" src="https://b2c-static.p2pah.cn/images/202404/20240401170029275110.png" style="border-radius: 4px;"></el-image>
               </view>
               <view class="pro_right">
                    <view class="pro_title fl">{{ item.pro_title }}</view>
                    <view class="pro_pc fl"><span style="font-size: 10px;">¥</span>{{ item.pro_price }} × {{ item.pro_num }}</view>
               </view>
          </div>
    </view>
</template>

<script setup lang="ts">
import { TableColumnCtx } from 'element-plus'
import { ref ,defineProps,inject} from 'vue'
import type baTableClass from '/@/utils/baTable'
const baTable = inject('baTable') as baTableClass
import { ElMessage,ElMessageBox} from 'element-plus'
import createAxios from "/@/utils/axios";
// BuildAdmin将自动为此组件传递五个Props
interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}
const loading = ref(false)
const props = defineProps<Props>()
const data = props.renderValue

const tong = () => {
    ElMessageBox.confirm(
        '确定同步吗?',
        '系统提示',
        {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
        }
    )
    .then(() => {
        tong_order(oid)
    })
    .catch(() => {

    })
}

// console.log(props.renderValue, props.renderRow, props.renderField, props.renderColumn, props.renderIndex)
</script>

<style scoped lang="scss">
.prolists{
    width: 100%;
    float: left;
    margin-bottom: 9px;
}
.pro_img{
   width: 46px;
   height: 46px;
   float: left;
   border:1px solid #eee;
}
.pro_right{
    width: 180px;
    float: left;
    margin-left: 5px;
    .pro_title{
        width: 100%;
        font-weight: bold;
        font-size: 14px;
    }
    .pro_price{
        width: 100%;
        font-size: 12px;
    }
}
.fl{
  float: left;
}
.green{
    color: #009966;
    border-color:#009966
}
.blue{
    color: #007eff;
    border-color:#007eff;
}
.blue1 { color: #308014 }
.blue2 { color: #6B8E23 }
.blue3 { color: #32CD32;border-color:#32CD32 }
.blue4 { color: #00FF7F;border-color:#00FF7F ; }
</style>
